﻿<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    <script src="~/Contents/Scripts/jquery-1.8.2.js"></script>
    @*<script src="~/Contents/Scripts/jquery-1.8.2.min.js"></script>*@
    <link href="~/Contents/Themes/StyleSheet.css" rel="stylesheet" />
                                @{
                                var setting = Pageparkproject.Models.Stories.GetPageSetting();
                            }
    <style type="text/css">
        #nav-bar {
            background-color: rgba(@setting.sColorBar,1);
        }
    </style>
</head>
<body>
    <div id="nav-bar">
        <div class="logo">
            <a href="@Url.Action("Index","Home")">
            <img src="~/Contents/Themes/images/logo.png" /></a>
        </div>
        @{ Pageparkproject.Models.Stories St = new Pageparkproject.Models.Stories();}
        <div class="main-nav">
            <hr />
            <ul>
                <li><a href="@Url.Action("Index","Home")">TRANG CHỦ</a></li>
                <li><a href="@Url.Action("About","Home")">GIỚI THIỆU</a></li>
                <li><a href="/Project">DỰ ÁN</a>
                    <ul class="subproject">
                        @foreach(var item in St.getListCategoryProject())
                        {
                            <li><a href="@Url.Action("Index", "Project", new { id=item.PK_iCategoryID })">@item.sCategoryName</a></li>
                        }
                    </ul>
                </li>
                <li><a href="/News">TIN TỨC</a>
                    <ul class="subtintuc">
                        @foreach(var item in St.getListCategoryNews())
                        {
                            <li><a href="@Url.Action("Index", "News", new { id=item.PK_iCategoryNewsID })">@item.sCategoryName</a></li>
                        }
                    </ul>
                </li>
                <li><a href="@Url.Action("Index","Contact")">LIÊN HỆ</a></li>
            </ul>
        </div>
    </div>
    <div id="main-content">
        @RenderBody()
    </div>
    <div id="footer">
        
<div class="credit">
            <div class="credit-btn">
                <svg version="1.1" x="0px" y="0px" viewBox="0 0 35 35" enable-background="new 0 0 35 35">
                    <polygon fill="#FFFFFF" points="0,35 35,0 35,35 "></polygon>
                </svg>
            </div>
            <script type="text/javascript">
                function openfilter() {
                    if ($('#filter').hasClass('filter-closed')) {
                        $('#filter').stop(true, true).slideDown().removeClass('filter-closed').addClass('filter-opened');
                    } else {
                        $('#filter').stop(true, true).slideUp().removeClass('filter-opened').addClass('filter-closed');
                    }
                }
                $(document).ready(function () {
                    $('.credit-btn').click(function () {
                        $('.credit-content').stop(true, true).animate({ 'height': '106px' });
                    })
                    $('.credit-close-btn').click(function () {
                        $('.credit-content').stop(true, true).animate({ 'height': '0px' });
                    })
                })
            </script>

            <div class="credit-content">
                <span class="credit-close-btn">×</span>
                <ul class="main-credit">
                    <li>
                        <h1>Design & Development</h1>
                        <ul>
                            <li>
                                <a href="http://devfree.com" target="_blank">Devfree</a>
                                <br>
                                by <a href="http://devfree.com" target="_blank>">Tuấn Lê</a> &amp; <a href="http://devfree.com" target="_blank">Trung Hiếu</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <h1>Content</h1>
                        <ul>

                            @Html.Raw(setting.sContentFooter)
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>
